<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="gouwuche.css"/>
    <script src="bootstrap-3.3.5-dist/jquery-2.0.3.js"></script>
</head>
<body>
<section class="wrapper">
    <header>
        <a class="kuohao" href="xiaomishouye.html"><div class="left"></div></a>
        <p>购物车</p>
        <a href="sousuo.html"><div class="right"></div></a>
    </header>
    <section class="shangpin">
        <section class="shangpin-in">
            <div class="left">
                <div class="img"><a href="#"><img src="image/snb.jpg"/></a></div>
                <div class="jieshao">
                    <h2>小蚁运动相机 收纳包 黑色</h2>
                    <p>售价：59元&nbsp合计：59 元</p>
                    <div class="jiajian"><img src="image/jiajian.png"/></div>
                </div>
            </div>
            <div class="ljt"><img src="image/ljt.png"/></div>
        </section>
        <div class="tishi">
            <p>温馨提示：产品是否购买成功，以最终下单为准，请尽快结算</p>
        </div>
    </section>
    <section class="biaodan">
        <ul>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+1元得小米礼品袋</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+17.9元得小米随身WiFi</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+9.9元得彩虹5号电池</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+35元得小米水质TDS检测笔</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+108元得ZONOLI中锘基运动蓝牙耳机</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li>
                <div class="duoxuan"><input type="checkbox"/><span>+12.9元得多彩便携USB线 120cm</span></div>
                <div class="jiantou"><img src="image/xyh.png"/></div>
            </li>
            <li></li>
        </ul>
    </section>
    <footer>
        <div>
            <p>共1件 金额</p>
            <p><b>59</b>元</p>
        </div>
        <a href="fenlei.html"><div class="gouwu"><h2>继续购物</h2></div></a>
        <a href="#"><div class="jisuan"><h2>去结算</h2></div></a>
    </footer>
</section>
</body>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size',100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth()
        });
    });
</script>
</html>